/* Reset css */
* {
margin:0;
padding:0;
border:0;
list-style:none;
font-weight:inherit;
font-style:inherit;
font-size:13px;
font-family: "Helvetica Neue ",Arial,Helvetica,sans-serif;
vertical-align:baseline;
}
/* Base */
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
color:#666;
}

h1 {
font-size:24px;
font-weight:bold;
line-height:1;
color:#333
}

h2 {
color:#454545;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

h3 {
color:#666666;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
}

h4 {
font-size:13px;
font-weight:bold;
margin-bottom:15px;
}

h5 {
font-size:12px;
margin-bottom:15px;
}

h6 {
font-size:11px;
margin-bottom:15px;
}

a:focus,a:hover {
color:#000;
}

a {
color:#009;
text-decoration:underline;
}

p {
margin:0 0 1.5em;
clear:both;
line-height:1.6;
}

input,textarea {
padding:2px 4px;
border:1px solid #bdbdbd;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

select {
padding:2px 3px;
border:1px solid #bdbdbd;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}

button,input.submit,input[type=submit],input[type=button] {
padding:3px 20px;
cursor:pointer;
font-weight:bold;
background:url(../image/header-middle.gif )repeat-x center bottom #404040;
color:#fff;
border:1px solid #1b313d;
}

input[type=reset] {
padding:3px 20px;
cursor:pointer;
font-weight:bold;
color:#333;
border:1px solid #1b313d;
}

button:hover,input.submit:hover,input[type=submit]:hover,input[type=button]:hover {
background:#000;
}

.errors,.errors * {
color:#ff0000;
}

.red {
color:#ff0000;
}

.blue {
color:#1f92ff
}

.yellow {
color:#FFF8C6
}

.bg-yellow{background: #FFF8C6}
.bg-green{background: #cef6ff}
/* tool tip */
.ui-tooltip,.arrow:after {
background:black;
border:2px solid white;
}

.ui-tooltip {
padding:10px 20px;
color:white;
border-radius:20px;
font:bold 14px "Helvetica Neue ",Sans-Serif;
text-transform:uppercase;
box-shadow:0 0 7px black;
}

.arrow {
width:70px;
height:16px;
overflow:hidden;
position:absolute;
left:50%;
margin-left:-35px;
bottom:-16px;
}

.arrow.top {
top:-16px;
bottom:auto;
}

.arrow.left {
left:20%;
}

.arrow:after {
content: " ";
position:absolute;
left:20px;
top:-20px;
width:25px;
height:25px;
box-shadow:6px 5px 9px -9px black;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
tranform:rotate(45deg);
}

.arrow.top:after {
bottom:-20px;
top:auto;
}

.clr {
clear:both;
}
/* header-top */
.header-top {
background:#2C2C2C;
padding:6px 25px 2px;
}

.header-top * {
color:#fff;
}

.header-top p {
text-align:right;
margin:0 0 5px;
}

.header-top a {
text-decoration:none;
}

.header-top a:hover {
text-decoration:underline;
color:#fff
}
/* header-middle */
.header-middle {
background:url(../image/header-middle.gif )repeat-x center bottom #404040;
border-bottom:1px solid #050505;
border-top:1px solid #606060;
height:62px;
padding:0 25px;
}

.header-middle #cssmenu {
height:37px;
display:block;
padding:0;
margin:20px auto;
border:1px solid #1b313d;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.header-middle #cssmenu >ul {
list-style:inside none;
padding:0;
margin:0;
}

.header-middle #cssmenu >ul >li {
list-style:inside none;
padding:0;
margin:0;
float:left;
display:block;
position:relative;
}

.header-middle #cssmenu li.first-menu {
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
}

.header-middle #cssmenu >ul >li >a {
outline:none;
display:block;
position:relative;
padding:12px 20px;
font:bold 13px/100% Arial,Helvetica,sans-serif;
text-align:center;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0,0.4);
color:#fff;
border-right:1px solid #30576e;
}

.header-middle #cssmenu >ul >li:first-child >a {
border-radius:5px 0 0 5px;
}

.header-middle #cssmenu >ul >li >a:after {
content: ' ';
position:absolute;
top:-1px;
bottom:-1px;
right:-2px;
z-index:99;
}

.header-middle #cssmenu ul li.has-sub:hover >a:after {
top:0;
bottom:0;
}

.header-middle #cssmenu >ul >li.has-sub >a:before {
content: ' ';
position:absolute;
top:18px;
right:6px;
border:5px solid transparent;
border-top:5px solid #fff;
}

.header-middle #cssmenu >ul >li.has-sub:hover >a:before {
top:19px;
}

.header-middle #cssmenu ul li.has-sub:hover >a {
background:#3f3f3f;
border-color:#3f3f3f;
padding-bottom:13px;
padding-top:13px;
top:-1px;
z-index:999;
}

.header-middle #cssmenu ul li.has-sub:hover >ul,#cssmenu ul li.has-sub:hover >div {
display:block;
}

.header-middle #cssmenu ul li.has-sub >a:hover {
background:#3f3f3f;
border-color:#3f3f3f;
}

.header-middle #cssmenu ul li >ul,#cssmenu ul li >div {
display:none;
width:auto;
position:absolute;
top:38px;
padding:10px 0;
background:#3f3f3f;
border-radius:0 0 5px 5px;
z-index:999;
}

.header-middle #cssmenu ul li >ul {
width:200px;
}

.header-middle #cssmenu ul li >ul li {
display:block;
list-style:inside none;
padding:0;
margin:0;
position:relative;
}

.header-middle #cssmenu ul li >ul li a {
outline:none;
display:block;
position:relative;
margin:0;
padding:8px 20px;
font:10pt Arial,Helvetica,sans-serif;
color:#fff;
text-decoration:none;
text-shadow:1px 1px 0 rgba(0,0,0,0.5);
}

.header-middle #cssmenu,#cssmenu >ul >li >ul >li a:hover {
background:#3e698c url(../image/bg-menu.png) bottom center repeat-x;
}

#cssmenu >ul >li.active,#cssmenu >ul >li:hover {
background:#3e698c url(../image/bg-menu-active.png) bottom center repeat-x;
}
/* header-bottom */
.header-bottom {
background:url( "../image/header-bottom.gif ") repeat-x scroll center bottom #313131;
border-bottom:1px solid #545454;
border-top:1px solid #545454;
padding:7px 25px;
}
/* page */
#page-content {
color:#333333;
padding:25px 35px 25px 25px;
}
/* fotter */
.footer {
background:url(../image/header-bottom.gif) repeat-x center bottom #313131;
border-bottom:1px solid #000000;
border-top:1px solid #545454;
color:#FFFFFF;
padding:10px 25px;
text-align:center;
}
/* page-header */
#page-header {
border-bottom:1px solid #D5D5D5;
margin-bottom:25px;
padding-bottom:10px;
}

#page-header h1 {
font-family:Tahoma,arial;
}
/* form search*/
.frm-search {
}

.frm-search .mTitle {
font-size:14px;
font-weight:bold;
}

.frm-search .search-option-wrapper {
padding:10px;
border:1px solid #D5D5D5;
background:#f2f2f2;
}

.frm-search .search-option-wrapper li {
float:left;
margin:10px 0 10px 30px;
}

.frm-search .search-option-wrapper li.first {
margin:10px 0 10px 20px;
}

.frm-search .search-option-wrapper li label {
height:22px;
line-height:22px;
float:left;
}

.frm-search .search-option-wrapper li input,.frm-search .search-option-wrapper li select {
float:left;
margin-left:10px;
}

.frm-search-equipment li.keyword {
width:100%;
}

.frm-search-equipment li.keyword input {
width:348px;
}

.frm-search-equipment li input.checkbox,.frm-search-history li input.checkbox {
margin:10px 0 0 5px!important;
}

.frm-search-equipment li.first label {
width:100px;
}

.frm-search .search-option-wrapper li.button {
margin:10px 0 10px 20px;
clear:both;
}

.frm-search-equipment li.button {
margin:10px 0 10px 130px!important;
}

.frm-search .search-option-wrapper li.button input {
margin:0;
}

.frm-search .search-option-wrapper label {
font-weight:bold;
}

.frm-search .search-option-wrapper select {
width:140px;
}

.frm-search .search-option-wrapper select.multiple {
height: 142px;
}

.frm-search-history input.hasDatepicker {
width:80px;
}

.frm-search .search-option-wrapper li input.checkbox {
margin:4px 0 0 5px;
}
/* notifications */
.notification.success {
background:#effeb9 url( '../image/icons/notifications/success.png ') no-repeat 10px 10px;
border-color:#98c700;
}

.notification.error {
background:#fccac3 url( '../image/icons/notifications/error.png ') no-repeat 10px 10px;
border-color:#ea5338;
}

.notification.warning {
background:#ffeaa7 url( '../image/icons/notifications/warning.png ') no-repeat 10px 10px;
border-color:#f9b418;
}

.notification.info {
background:#d1e4f3 url( '../image/icons/notifications/info.png ') no-repeat 10px 10px;
border-color:#4d8fcc;
}

.notification.tip {
background:#feeac9 url( '../image/icons/notifications/tip.png ') no-repeat 10px 10px;
border-color:#d38e49;
}

.notification {
border-width:1px;
border-style:solid;
padding:17px 17px 17px 55px;
margin-bottom:15px;
-moz-border-radius:3px;
-webkit-border:3px;
border-radius:3px;
}

.notification .close {
background:url( "../image/icons/small/close.png ") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
float:right;
height:16px;
margin-top:2px;
opacity:0.7;
width:16px;
}

.notification .close:hover {
opacity:1;
}
/* box */
.box {
background:#fff;
border:1px solid #9d9d9d;
margin-bottom:15px;
padding:15px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
}

.box .row-odd{
background: #f9f9f9;
}

.box a {
color:#1f92ff;
text-decoration:none;
}

.box a:hover {
color:#1f92ff;
text-decoration:none;
}

.box.stats {
padding:30px 15px;
}

.box.table {
padding:0;
}

.box-header {
border:1px solid #9d9d9d;
font-weight:bold;
font-size:14px;
background:#cdcdcd url( '../image/boxheader.gif ') repeat-x top;
padding:10px 15px;
color:#333333;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
text-shadow:1px 1px 1px #fff;
}

.box-header .fr a {
color:#333333;
text-decoration:none;
font-size:12px;
padding:0 5px;
}

.box-header .fr a:hover {
color:#1f92ff;
}

.box h2 {
color:#454545;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

.box h3 {
color:#666666;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
}

.box h4 {
color:#666666;
font-size:13px;
font-weight:bold;
margin-bottom:15px;
}

.box ul {
padding-bottom:15px;
padding-left:30px;
}

.box ul li {
margin-bottom:5px;
padding-left:5px;
}

.box ol {
list-style-position:inside;
padding-bottom:15px;
padding-left:15px;
}

.box ol li {
margin-bottom:5px;
}
/* tabs */
.tabs-menu {
width:100%;
height:27px;
clear:both;
}
.tabs-menu li {
display:block;
float:left;
height:26px;
line-height:26px;
padding:0 20px;
cursor:pointer;
margin-right:10px;
background:#f2f2f2;
border: 1px solid #d5d5d5;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.tabs-menu li.active,.tabs-menu li:hover {
background:#aaaaaa;
}

.tabs-menu li * {
color:#333;
font-weight:bold;
font-size:12px;
}
/* grid */
.container_12 .grid {
width:100%;
margin-top:20px;
}

.container_12 .grid .box-header {
background:url(../image/boxheader.gif) repeat-x center top #CDCDCD;
border:1px solid #9D9D9D;
color:#333333;
font-size:15px;
font-weight:bold;
padding:10px 0;
text-align:left;
text-indent:15px;
text-shadow:1px 1px 1px #FFFFFF;
}

.container_12 .grid .box-header a.add {
background:url(../image/bnt-add.png) no-repeat center center;
color:#333333;
cursor:pointer;
font-size:11px;
margin:0 0 0 30px;
padding:6px 24px;
text-decoration:none;
text-shadow:none;
}

.container_12 .grid .box-header a.add:hover {
color:#1f92ff;
}

.table table {
width:100%;
border-right:1px solid #CCCCCC;
}

thead td,thead th {
padding:10px 0;
vertical-align:middle;
font-weight:bold;
text-align:center;
font-size:13px;
background:#E6E6E6;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

td.first-row {
border-left:0px;
}

thead td td {
border-top:0px solid #CCCCCC;
border-bottom:0px solid #CCCCCC;
}

.table table table {
border-right:0px solid #CCCCCC;
}

tbody td {
padding:8px;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

td.tc {
text-align:center;
}

tbody td a {
color:#1f92ff;
text-decoration:none;
}

tbody td a:hover {
color:#1f92ff;
text-decoration:underline;
}

.show {
display:block;
}

.hidden {
display:none;
}
/* paginator */
.pagination {
display:table;
font-size:13px;
line-height:16px;
margin:0 auto 10px;
overflow:hidden;
padding:10px 2px;
word-wrap:normal;
}

.pagination .disabled:hover {
background:none repeat scroll 0 0 #F1F9FB;
border-color:#ADE5FF;
cursor:default;
}

.pagination a {
display:block;
float:left;
margin-right:3px;
}

.pagination a {
border:1px solid transparent;
border-radius:3px 3px 3px 3px;
text-align:center;
text-decoration:none;
width:19px;
}

.pagination a [rel= "start " ] {
width:19px !important;
}

.pagination a.text {
padding:0 5px;
width:auto !important;
}

.pagination a {
background-color:#F1F9FB;
border-color:#ADE5FF;
color:#3F6E8F;
}

.pagination a.currentPage {
background:none repeat scroll 0 0 #284E8D;
border-color:#284E8D;
color:#EFF8FB;
position:relative;
}

.pagination a:hover,.pagination a:focus {
background-color:#ADE5FF;
border-color:#98CCE6;
color:#3F6E8F;
text-decoration:none;
}
/* form */
.grid form.frm-search {
padding:10px;
border:1px solid #d5d5d5;
}

.grid form dt label,.grid form .fwrap label {
width:140px;
float:left;
font-weight:bold;
}

.grid form .fwrap input[type=text],.grid form .fwrap select{
float: left;
width: 150px;
}

.grid form.frm-search label{

}

.grid form dd {
margin:0 0 10px 0;
}

.grid form dt input [type=text ],.grid form dt input [type=password ],.grid form textarea {
width:380px;
}

.grid form textarea {
width:389px;
height:70px;
}

.grid form select {
width:200px;
}

.grid form dd input [type=submit ] {
margin-left:140px;
}

.grid form .fwrap {
padding:10px;
margin:0 0 10px 0;
border:1px solid #d5d5d5;
background:#f2f2f2;
}

#insertItem {
margin:20px 0 7px 0;
}

.grid form .fwrap div.mTit {
font-weight:bold;
padding-bottom:10px;
margin-bottom:15px;
cursor: pointer;
border-bottom:1px solid #d5d5d5;
}

.grid form .fwrap div.content {
width:800px;
}

.grid form .fwrap label {
font-weight:bold;
line-height:22px;
margin-left:50px;
}

.grid form .fwrap label.first-row-label {
margin-left:0px;
}

.grid form .fwrap input [type=text ] {
width:160px;
float:left;
margin-bottom:10px;
}

.grid form .fwrap select {
width:159px;
margin-bottom: 10px;
}

.grid form .fwrap textarea {
margin-bottom:10px;
}

.grid form .fwrap input [type=checkbox ] {
margin-top:6px;
}

.grid form .fwrap input.del {
margin:10px 0 10px 0;
padding:
}

.grid form .fwrap .row-1 {
width:100%;
height:34px;
}

.grid form .fwrap .row-3 input{
float: left;
}

.grid form .fwrap .row-5 input{
float: left;
margin-bottom: 10px;
}

.grid form .fwrap .row-4 {
clear:both;
}

.fwrap div.row-first {
width:300px;
float:left;
}

.fwrap div.row-second {
width:360px;
float:left;
}

.fwrap div.row-second .rcost {
margin-left:50px;
}

.row-3 {
height: 34px;
}

.rcost {
clear:both;
margin:0 0 10px 0;
}
/* equipment */
.ngay {
background-color:#F1F9FB;
border-color:#ADE5FF;
color:#3F6E8F;
display:block;
opacity:0.68;
position:absolute;
right:-12px;
text-decoration:none;
top:-12px;
}

.box-content-equipment * {
line-height:30px;
}

.box-content-equipment .row{
border-bottom: 1px solid #f2f2f2;
}

.box-content-equipment label {
display:block;
float:left;
width:200px;
height:30px;
padding:0 10px;
font-weight:bold;
}

.box-content-equipment .item {
padding:10px;
margin: 0 0 10px 0;
background:#f2f2f2;
border:1px solid #d5d5d5;
}

.box-content-equipment .item .mTit {
height:16px;
line-height:16px;
font-size:13px;
font-weight:bold;
border-bottom:1px solid #d5d5d5;
padding-bottom:10px;
margin-bottom:5px;
}

.box-content-equipment .item .content {
padding:0 10px;
}
/* option */
.search-option-wrapper {
display:block;
padding:20px;
}

.search-option-wrapper fieldset ul li {
list-style-type:none;
float:left;
width:200px;
}

.filter-option-wrapper fieldset ul li {
list-style-type:none;
float:left;
width:150px;
}

.search-option-check li label {
padding:0;
margin-left:5px;
}

.filter-option-check li label {
padding:0;
margin-left:5px;
}

.search-option-select li label {
padding:0;
margin-top:5px;
}

.search-option-select li {
margin-top:10px;
}

.search-option-wrapper ul li input {
float:left;
margin:3px 0 0 0;
}

.row-one
{
    float:left;
    width: 360px;
}
.row-two
{
    float:left;
    width: 360px;
}